* {font-family:"Microsoft Yahei", monospace; font-size:13px; margin:0; padding:0;}
.browser-root {border:1px solid #ccc; border-collapse:collapse;background-color: #fff;}
.browser-root tr td {border:1px solid #ccc;}
.browser-left {width:200px;}
.browser-right {width:600px;}
.none {display: none}
.browser-nav-item {height:50px;line-height:50px;display:block;border:1px solid #fff;padding-left:46px;text-decoration:none;color:#000;background: #fff no-repeat 12px 7px;}
.browser-nav-item:hover {background-color:#c1dcfc;border:1px solid #7da2ce}
.browser-nav-item-selected {height:50px;line-height:50px;display:block;border:1px solid #7da2ce;padding-left:46px;text-decoration:none;color:#000;background: #c1dcfc no-repeat 12px 7px;}
#browser-my-images {background-image:url(images/locked.png)}
#browser-public-images {background-image:url(images/shared.png)}

.browser-top {border-bottom:1px solid #ccc;clear:both}
.browser-top p {font-size:10px; color:#999}
.browser-title-panel {text-align:left;padding:10px 0 10px 20px;}
.browser-button-panel {float:right;text-align:right;margin-right:10px;margin-top:10px;}
.clear {clear:both;}
#browser-folder-name {font-size: 18px; font-weight:normal;}

.browser-button {display:inline-block;color:#000; border:1px solid #ccc;padding:0 20px;text-decoration:none;height:24px;line-height:24px;-moz-border-radius: 2px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.browser-button:hover {border:1px solid #7da2ce;background: #c1dcfc;}

.browser-main {height: 390px; overflow: auto;}
.browser-image-item { width:130px; float:left;border:1px solid #fff;padding:3px;margin-top:5px; margin-left:5px;display:block;background-color:#fff;color:#000;text-decoration:none;border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
.browser-image-item:hover {border:1px solid #bed9fb;background-color:#ecf3fd}
.browser-image-item-selected {width:130px; float:left;padding:3px;margin-top:5px; margin-left:5px;display:block;color:#000;text-decoration:none;border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border:1px solid #7da2ce;background-color:#c1dcfc}
.browser-image-holder {width:130px;height:100px;position:relative;margin-top:5px;}
.browser-img-border {position : absolute ;width:130px;bottom : 0 ;text-align:center; }
.browser-img-border img {border:1px solid #ccc;}
.browser-txt { text-align:center; width:130px; height:30px; line-height:30px; font-size:12px;overflow:hidden;}
.browser-image-item-selected .browser-txt {background:url(images/sign-tick.png) 5px center no-repeat}

.browser-bottom {height:50px;}
#browser-info-panel {float:left;text-align:left;}
.browser-operation-panel {float:right;text-align:right;margin-right:10px;margin-top:12px;}
#browser-image-sample {float:left;max-height:48px;margin:1px 10px;}
#browser-info {float:left;width:500px;overflow:hidden;}
.browser-file-name {font-size:14px;height:30px;line-height:30px;}
.browser-detail {color:#999;font-size:12px;}
.browser-dialog-panel {width:400px;border:3px solid #999;padding:10px;position:fixed;display:none;background-color:#fff;}
#browser-upload-panel {}
.browser-mask {position:fixed; top:0; left:0; background:#000; opacity:.5; filter:alpha(opacity=50);}
/*.browser-body {z-index: 1001}*/

#browser-location-bar {/*border:1px solid #f00;*/margin-top: 10px;max-width:568px;overflow:hidden;height:22px;line-height: 20px;}
.browser-separator {height: 20px; width: 20px; background:url(images/arrow.png) center center no-repeat}
.browser-location {margin: 0; padding: 0; list-style: none}
.browser-location li {float: left}
.browser-location li a {display: block;text-decoration: none;color:#000;padding:0 5px;border: 1px solid transparent;font-size: 13px;}
.browser-location li a:hover {border: 1px solid #333;background-color: #c1dcfc}
.browser-high-light {font-weight: bold; color: #f66}
.browser-loading-cell {text-align: center;vertical-align: middle;background:url(images/loading.gif) center center no-repeat}